// -------------------实现注册页面和登录页面切换---------------
$('.login a').on('click', function() {
    $('.login').hide().next().show();
});
// 点击去登陆到登陆的页面
$('.zc a').on('click', function() {
    $('.login').show().next().hide();
});
// -------------------实现注册功能---------------

$('.zc-form').on('submit', function(e) {
    // 阻止表单跳转
    e.preventDefault();
    // 点击注册的时候,获取表单的信息
    let data = $(this).serialize();
    // console.log(data);
    // 提交请求
    $.ajax({
        type: 'POST',
        url: 'http://ajax.frontend.itheima.net/api/reguser',
        data: data,
        success: function(res) {
            // 将注册的结果进行给客户反馈
            layer.msg(res.message);
            if (res.status === 0) {
                // 如果注册成功 切换登陆页面
                $('.login').show().next().hide();
                // 同时清空表单的内容
                $('.zc-form')[0].reset();
            }
        }
    })
})

// -----------------进行表单验证-------------
let form = layui.form;
form.verify({
    pass: [/^\S{6,12}$/, '密码长度不足'],
    // 验证两次密码是否一致
    good: function(val) {
        if (val !== $('.mima').val()) {
            return '两次密码不一致'
        }

    }
});

// -------------------实现登录功能---------------
$('.login form').on('submit', function(e) {
    // 点击提交的时候,获取数据
    e.preventDefault();
    // 获取页面数据
    let data = $(this).serialize();
    // console.log(data);
    // 将信息进行请求
    $.ajax({
        type: 'POST',
        url: 'http://ajax.frontend.itheima.net/api/login',
        data: data,
        success: function(res) {
            layer.msg(res.message);
            if (res.status === 0) {
                // 跳转页面

                location.href = '/index.html';
                // 获取token
                let token = res.token;
                localStorage.setItem('token', token);
            }
        }
    })
})